*{
    margin: 0 ;
    padding: 0;
}
ul li{
    list-style: none;
}
#main{
    width:1920px;
    height:1080px;
    background-image: url(../img/background.png);
    display: flex;
    flex-direction: row;
}
#main .main-up{
    padding: 50px;
}
/*表一*/
.up-left{
    float: left;
    width: 190px;
}
.up-left .top5{
    width:100%;
    height: 242px;
    border-top: 2px solid #2F548B;
    color: #fff;
    font-size: 12px;
    background-image: url("../img/top5.png");
    background-size: 100%;
}
.up-left .top5:first-child{
    margin-bottom: 16px;
}
.up-left .top5 ul{
    display: inline-block;
    width: 190px;
}
.up-left .top5 li:first-child{
    padding-top: 57px;
}
.up-left .top5 li{
    width: 127px;
    float: left;
    margin-bottom: 20px;
    padding-left: 56px;
}
.up-left .top5 li div{
    float: left;
}
.up-left .top5 li p{
    float: right;
}

/*表二*/
.up-right{
    float: right;
    width: 1612px;
    margin-left: 18px;
}
.up-right .logo{
    width:100%;
    height: 68px;
    background-image: url("../img/logo.png");
    position: relative;
    background-size: 100%;
}
.up-right .logo> div{
    position: absolute;
    top: 38px;
    right:0;
    color: #2E79CC;
    font-size: 14px;
}
.up-sales{
    height: 48px;
    font-size: 18px;
    color: #60C8F8;
    line-height: 48px;
    width:100%;
}
.up-sales> div:nth-child(1){
    float: left;
    margin-left: 11px;
}
.up-sales> div:nth-child(2){
    float: right;
}
#mainsales{
    color: #fff;
    font-size: 12px;
}
#mainsales .tob{
    width: 100%;
    height: 182px;
    border-top: 2px solid #2F548B;
}
#mainsales .tob li{
    width: 94px;
    float: left;
    text-align: center;
    background: rgba(4, 11, 81, 0.9);
}
#mainsales .tob li:nth-child(odd){
    background: rgba(10, 15, 71, 0.8);
}
#mainsales .tob li:first-child{
    width: 108px;
    color: #2E79CC;
}
#mainsales .tob li:first-child div{
    line-height: 47px;
}
#mainsales .tob li div{
    height: 47px;
    width:100%;
    border-bottom: 1px solid #143582;
}
#mainsales .tob li div:first-child{
    height: 40px;
    line-height: 40px;
    width: 100%;
    color: #2E79CC;
}
#mainsales .tob li div p:first-child{
    padding-top: 8px;
}

#tob1{
    margin-bottom: 16px;
}


.main-up .down{
    float: left;
    width: 100%;
}
.down ul li{
    width: 437px;
    height: 428px;
    float: left;
    margin-left: 24px;
    background: #0A0F47;
    border-top: 2px solid #2F548B;
}
.down ul li:first-child{
    margin-left: 0;
}
.down .button-tit{
    color: #60C8F8;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    padding-left: 12px;
}
.down .button-tit span{
    font-size: 14px;
    color: #fff;
    margin-left: 60px;
    position: relative;
}
.down .button-tit span:first-child{
    margin-left: 103px;
}
.down .button-tit span i{
    width: 24px;
    height: 14px;
    background: #E97212;
    position: absolute;
    left: -32px;
    top: 5px;
}
.down .button-tit span:first-child i{
    background: #DC3428;
}
